

.form-card {
  margin-bottom: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: linear-gradient(145deg, #2a2a2a 0%, #1a1a1a 100%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(255, 255, 255, 0.05) inset;
}

.form-card:hover {
  border-color: rgba(66, 153, 225, 0.6);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 4px 12px rgba(255, 255, 255, 0.1) inset;
  transform: translateY(-2px);
}

.form-card :global(.ant-card-head) {
  background: linear-gradient(135deg, #333333 0%, #1f1f1f 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  min-height: 48px;
  padding: 0 20px;
  border-radius: 12px 12px 0 0;
}

.form-card :global(.ant-card-head-title) {
  font-weight: 600;
  color: #ffffff !important;
  font-size: 16px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.form-card :global(.ant-card-body) {
  padding: 20px;
  background: linear-gradient(145deg, #2a2a2a 0%, #1a1a1a 100%);
}

.form-item-group {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.form-item-group :global(.ant-form-item) {
  flex: 1;
  margin-bottom: 0;
}

.slider-container {
  padding: 0 12px;
}

.switch-container {
  display: flex;
  align-items: center;
  gap: 12px;
}

.input-number {
  width: 100%;
}

.form-section {
  margin-bottom: 20px;
}

.form-section:last-child {
  margin-bottom: 0;
}

/* 高级主题表单项样式 */
.form-container :global(.ant-form-item-label > label) {
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 500;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* 确保所有表单标签都是白色 */
:global(.ant-form-item-label > label) {
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 500;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Card内的标签样式 */
.form-card :global(.ant-form-item-label > label) {
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 500;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.form-container :global(.ant-input) {
  background: linear-gradient(145deg, #333333 0%, #1f1f1f 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(255, 255, 255, 0.05) inset !important;
  transition: all 0.3s ease !important;
}

.form-container :global(.ant-input:hover) {
  border-color: rgba(66, 153, 225, 0.6) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(66, 153, 225, 0.1) inset !important;
}

.form-container :global(.ant-input:focus) {
  border-color: #4299e1 !important;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.3), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

/* 全局输入框样式 */
:global(.ant-input) {
  background: linear-gradient(145deg, #333333 0%, #1f1f1f 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(255, 255, 255, 0.05) inset !important;
  transition: all 0.3s ease !important;
}

:global(.ant-input:hover) {
  border-color: rgba(66, 153, 225, 0.6) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(66, 153, 225, 0.1) inset !important;
}

:global(.ant-input:focus) {
  border-color: #4299e1 !important;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.3), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

/* TextArea样式 */
:global(.ant-input) {
  background: linear-gradient(145deg, #333333 0%, #1f1f1f 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

/* Form.Item 内所有输入组件的统一样式 */
:global(.ant-form-item .ant-input),
:global(.ant-form-item .ant-input-number-input),
:global(.ant-form-item .ant-select-selector),
:global(.ant-form-item .ant-picker-input input) {
  background: linear-gradient(135deg, #2a2a2a 0%, #1e1e1e 100%) !important;
  color: #ffffff !important;
  border: 1px solid #404040 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

:global(.ant-form-item .ant-input:hover),
:global(.ant-form-item .ant-input-number-input:hover),
:global(.ant-form-item .ant-select-selector:hover),
:global(.ant-form-item .ant-picker-input input:hover) {
  border-color: #606060 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

:global(.ant-form-item .ant-input:focus),
:global(.ant-form-item .ant-input-number-input:focus),
:global(.ant-form-item .ant-select-selector:focus),
:global(.ant-form-item .ant-picker-input input:focus) {
  border-color: #1890ff !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
}

.form-container :global(.ant-input-number) {
  background: linear-gradient(145deg, #333333 0%, #1f1f1f 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(255, 255, 255, 0.05) inset !important;
  transition: all 0.3s ease !important;
}

.form-container :global(.ant-input-number .ant-input-number-input) {
  background: transparent !important;
  color: #ffffff !important;
}

.form-container :global(.ant-input-number:hover) {
  border-color: rgba(66, 153, 225, 0.6) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(66, 153, 225, 0.1) inset !important;
}

.form-container :global(.ant-input-number:focus-within) {
  border-color: #4299e1 !important;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.3), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

/* 全局InputNumber样式 */
:global(.ant-input-number) {
  background: linear-gradient(145deg, #333333 0%, #1f1f1f 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(255, 255, 255, 0.05) inset !important;
  transition: all 0.3s ease !important;
}

:global(.ant-input-number .ant-input-number-input) {
  background: transparent !important;
  color: #ffffff !important;
}

:global(.ant-input-number:hover) {
  border-color: rgba(66, 153, 225, 0.6) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(66, 153, 225, 0.1) inset !important;
}

:global(.ant-input-number:focus-within) {
  border-color: #4299e1 !important;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.3), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

/* 滑块样式 */
.form-container :global(.ant-slider) {
  margin: 12px 0;
}

.form-container :global(.ant-slider-rail) {
  background: linear-gradient(90deg, #333333 0%, #1f1f1f 100%) !important;
  height: 6px !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset !important;
}

.form-container :global(.ant-slider-track) {
  background: linear-gradient(90deg, #4299e1 0%, #3182ce 100%) !important;
  height: 6px !important;
  border-radius: 3px !important;
  box-shadow: 0 2px 8px rgba(66, 153, 225, 0.4) !important;
}

.form-container :global(.ant-slider-handle) {
  border: 3px solid #4299e1 !important;
  background: linear-gradient(145deg, #ffffff 0%, #e2e8f0 100%) !important;
  width: 18px !important;
  height: 18px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(255, 255, 255, 0.8) inset !important;
}

.form-container :global(.ant-slider-handle:hover) {
  border-color: #63b3ed !important;
  box-shadow: 0 0 0 6px rgba(66, 153, 225, 0.3), 0 6px 16px rgba(0, 0, 0, 0.6) !important;
  transform: scale(1.1) !important;
}

.form-container :global(.ant-slider-mark-text) {
  color: #ffffff !important;
  font-size: 11px;
  font-weight: 500;
}

/* 全局滑块样式 */
:global(.ant-slider-rail) {
  background: linear-gradient(90deg, #333333 0%, #1f1f1f 100%) !important;
  height: 6px !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset !important;
}

:global(.ant-slider-track) {
  background: linear-gradient(90deg, #4299e1 0%, #3182ce 100%) !important;
  height: 6px !important;
  border-radius: 3px !important;
  box-shadow: 0 2px 8px rgba(66, 153, 225, 0.4) !important;
}

:global(.ant-slider-handle) {
  border: 3px solid #4299e1 !important;
  background: linear-gradient(145deg, #ffffff 0%, #e2e8f0 100%) !important;
  width: 18px !important;
  height: 18px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(255, 255, 255, 0.8) inset !important;
}

:global(.ant-slider-handle:hover) {
  border-color: #63b3ed !important;
  box-shadow: 0 0 0 6px rgba(66, 153, 225, 0.3), 0 6px 16px rgba(0, 0, 0, 0.6) !important;
  transform: scale(1.1) !important;
}

:global(.ant-slider-mark-text) {
  color: #ffffff !important;
  font-size: 11px;
  font-weight: 500;
}

/* 开关样式 */
.form-container :global(.ant-switch) {
  background: linear-gradient(145deg, #333333 0%, #1f1f1f 100%) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(255, 255, 255, 0.05) inset !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.form-container :global(.ant-switch-checked) {
  background: linear-gradient(145deg, #4299e1 0%, #3182ce 100%) !important;
  box-shadow: 0 4px 12px rgba(66, 153, 225, 0.4), 0 2px 6px rgba(255, 255, 255, 0.2) inset !important;
}

/* 全局开关样式 */
:global(.ant-switch) {
  background: linear-gradient(145deg, #333333 0%, #1f1f1f 100%) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(255, 255, 255, 0.05) inset !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

:global(.ant-switch-checked) {
  background: linear-gradient(145deg, #4299e1 0%, #3182ce 100%) !important;
  box-shadow: 0 4px 12px rgba(66, 153, 225, 0.4), 0 2px 6px rgba(255, 255, 255, 0.2) inset !important;
}

/* Space组件样式 */
.form-container :global(.ant-space) {
  width: 100%;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .form-container {
    max-width: 100%;
    margin: 0;
    padding: 16px;
    border-radius: 0;
    box-shadow: none;
  }
  
  .form-item-group {
    flex-direction: column;
    gap: 8px;
  }
  
  .form-item-group .ant-form-item {
    width: 100%;
  }
}

/* 深色主题支持 */
@media (prefers-color-scheme: dark) {
  .form-container {
    background: linear-gradient(145deg, #2a2a2a 0%, #1a1a1a 100%);
    color: #ffffff;
  }
  
  .form-card {
    border-color: rgba(255, 255, 255, 0.2);
    background: linear-gradient(145deg, #2a2a2a 0%, #1a1a1a 100%);
  }
  
  .form-card:hover {
    border-color: rgba(66, 153, 225, 0.6);
  }
  
  .form-card .ant-card-head-title {
    color: #ffffff !important;
  }
}

/* 添加全局文本颜色样式 */
:global(.ant-typography) {
  color: #ffffff !important;
}

/* Select组件样式 */
:global(.ant-select) {
  color: #ffffff !important;
}

:global(.ant-select .ant-select-selector) {
  background: linear-gradient(145deg, #333333 0%, #1f1f1f 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

:global(.ant-select .ant-select-selection-item) {
  color: #ffffff !important;
}

:global(.ant-select-dropdown) {
  background: linear-gradient(145deg, #333333 0%, #1f1f1f 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

:global(.ant-select-item) {
  color: #ffffff !important;
  background: transparent !important;
}

:global(.ant-select-item:hover) {
  background: rgba(66, 153, 225, 0.2) !important;
}

:global(.ant-select-item-option-selected) {
  background: rgba(66, 153, 225, 0.3) !important;
}

/* ColorPicker组件样式 */
:global(.ant-color-picker-trigger) {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: linear-gradient(145deg, #333333 0%, #1f1f1f 100%) !important;
}

/* Placeholder文本样式 */
:global(.ant-input::placeholder) {
  color: rgba(255, 255, 255, 0.6) !important;
}

:global(.ant-input-number input::placeholder) {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Divider组件样式 */
:global(.ant-divider) {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

:global(.ant-divider-inner-text) {
  color: #ffffff !important;
}

/* 确保所有文本都是白色 */
:global(.ant-card .ant-card-body) {
  color: #ffffff !important;
}

:global(.ant-form-item-explain) {
  color: rgba(255, 255, 255, 0.8) !important;
}

:global(.ant-form-item-extra) {
  color: rgba(255, 255, 255, 0.8) !important;
}
